#{extends 'layout.html' /}
#{set title:messages.get('crud.show.title', 'Mi Perfil') /}

#{script 'graficos/jquery.flot.js'/}
#{script 'graficos/jquery.flot.pie.js'/}

#{script 'perfil.js'/}

<div id="crudShow" class="${type.name}">

	<h2 id="crudShowTitle">&{'crud.show.title', 'Mi Perfil'}</h2>
	
	<div class="objectForm">
		
		#{form action:@save(object._key()), enctype:'multipart/form-data'}
			<input id="frecuencia-sugerencias-hidden" type="hidden" value="${object.frecuenciaSugerencias}">
			#{field 'object.nombreApellidoPerfil'}
				<div class="crudField crud_text">
					<label for="object_nombreApellidoPerfil">
						&{'perfil.nombreYApellido'}
					</label>
					<input id="object_nombreApellidoPerfil" class="${field.errorClass}" type="text" name="object.nombreApellidoPerfil" value="${object.nombreApellidoPerfil}" />
					#{ifError field.name}
						<span class="error">#{error 'object.nombreApellidoPerfil' /}</span>
					#{/ifError}
					<span class="crudHelp">
						&{'formato.requerido'}
					</span>
				</div>			
			#{/field}
		
			#{field 'object.habilitarSugerencias'}
				<div class="crudField crud_number">
					<label for="object_habilitarSugerencias">
						&{'perfil.sugerenciasHabilitadas'}
					</label>
					
					<select name="object.habilitarSugerencias" id="object_habilitarSugerencias" onChange="javascript:habilitarSugerencias();return false;">
						%{
							if(object.habilitarSugerencias.equals("Si")){
								out.print('<option selected="selected" value="Si">Si</option>');
								out.print('<option value="No">No</option>');
							}else{
								out.print('<option selected="selected" value="No">No</option>');
								out.print('<option value="Si">Si</option>');
							}	
						}%
					</select>
				</div>			
			#{/field}
		
			#{field 'object.frecuenciaSugerencias'}
				<div id="frecuencia-div" class="crudField crud_text" style="display:none;">
					<label for="object_frecuenciaSugerencias">
						&{'perfil.frecuenciaSugerencias'}
					</label>
					<select name="object.frecuenciaSugerencias" id="object_frecuenciaSugerencias">
						<option value="DIARIA"> &{'perfil.frecuenciaSugerencias.diaria'}</option>
						<option value="SEMANAL">&{'perfil.frecuenciaSugerencias.semanal'}</option>
						<option value="MENSUAL">&{'perfil.frecuenciaSugerencias.mensual'}</option>
					</select>
				</div>
			#{/field}
			
			#{field 'object.mailAlternativoSugerencias'}
				<div id="email-sugerencias-div" class="crudField crud_text" style="display:none;">
					<label for="object_mailAlternativoSugerencias">
						&{'perfil.mailSugerencias'}
					</label>
					<input id="object_mailAlternativoSugerencias" class="${field.errorClass}" type="text" name="object.mailAlternativoSugerencias" value="${object.mailAlternativoSugerencias}" />
					#{ifError field.name}
						<span class="error">#{error 'object.mailAlternativoSugerencias' /}</span>
					#{/ifError}
					<span class="crudHelp">
						&{'formato.requerido'}
					</span>
				</div>			
			#{/field}
			
			<script type="text/javascript">
				function setRecibePromos(checkbox) {
					if($('input[name="object.recibePromos"]').val() == "true") {
						$('input[name="object.recibePromos"]').val("false");
					}
					else {
						$('input[name="object.recibePromos"]').val("true");
					}
				}
			</script>
			
			#{field 'object.recibePromos'}
				<div class="crudField crud_text">
					<label for="${field.name}">
						&{'perfil.recibePromos'}
	    			</label>
					<input id="object_recibePromos" type="checkbox" onclick="setRecibePromos(this);">
					<input type="hidden" name="${field.name}" id="${field.name}" value="${object.recibePromos}"/>
				</div>
			#{/field}
			
			#{field 'object.excesos'}
				<div class="contenedor_funciones crudField crud_text">
					<label for="${field.name}">
						Informe de excesos
					</label>
					#{if object.paciente.buscarPlanActivo() == null}
						<a href="#"><img class="funciones" src="/public/images/icons/funciones/grafico_barras.png"
								title="&{'estadisticas'}" alt="&{'estadisticas'}" onclick="alert('Necesita un plan activo');" /></a>
					#{/if}
					#{else}
						<a href="#"><img class="funciones" alt="&{'estadisticas'}" title="&{'estadisticas'}"
										src="/public/images/icons/funciones/grafico_barras.png"
										onclick="verEstadisticas(${object.paciente.id});" /></a>
					#{/else}
				</div>
			#{/field}
			
			<p class="crudButtons">
				<input type="button" class="btn" name="_cancel" onClick="window.location='/paciente'" value="Cancelar" />
				<input type="submit" class="btn" value="&{'crud.save', 'Perfil'}" />
			</p>
			
			<input type="hidden" name="_save" value="0"/>		
			
		#{/form}
		
	</div>
</div>

<div id="estadisticas" style="display: none;">
    <div id="excesos" style="width: 550px; height: 450px;"></div>
    <div id="excesos_data"></div>
</div>